<template>
    <div class="show">
        <el-form style="width: 50%" >
            <el-form-item label="应用名称：">
                <span class="value">{{ appInfo.appName }}</span>
            </el-form-item>
            <el-form-item label="主题颜色：">
                <el-color-picker @change="changeColor" style="float:left" v-model="appInfo.subjectColor"></el-color-picker>
            </el-form-item>
            <el-form-item label="应用模式：">
                <span class="value">{{ appInfo.appModel === 'society' ? '开放式' : '门店式' }}</span>
            </el-form-item>
            <el-form-item label="扣除手续费： ">
                <span class="value">{{ appInfo.chargeFee }} %</span>
            </el-form-item>
            <el-form-item label="微信appid：">
                <span class="value">{{ appInfo.appId }}</span>
            </el-form-item>
            <el-form-item label="微信secret：">
                <span class="value">{{ appInfo.appSecret }}</span>
            </el-form-item>
            <el-form-item label="七牛云accessKey：">
                <span class="value">{{ appInfo.qiniuAccessKey }}</span>
            </el-form-item>
            <el-form-item label="七牛云secretKey：">
                <span class="value">{{ appInfo.qiniuSecretKey }}</span>
            </el-form-item>
            <el-form-item label="七牛云bucket：">
                <span class="value">{{ appInfo.qiniuBucket }}</span>
            </el-form-item>
            <el-form-item label="七牛云域名：">
                <span class="value">{{ appInfo.qiniuDomain }}</span>
            </el-form-item>
            <el-form-item label="提问规则：">
                <span class="value">{{ appInfo.askRule }}</span>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="edit">编辑</el-button>
            </el-form-item>
            
        </el-form>
    </div>
</template>

<script>
export default {
    name: 'Show',
    props: {
        appInfo: Object
    },
    data () {
        return {
            
        }
    },
    methods: {
        changeColor () {
            this.$emit('changeColor');
        },
        edit () {
            this.$emit('edit');
        }
    }
}
</script>

<style lang="stylus" scoped>
    .show 
        width 100%
        .value 
            color black
            float left
</style>


